Pixels & code #32– Web Design weekly links not to miss

Pixels & code #32– Web Design weekly links not to miss

This content is 10 years old. Remember that the following content might be outdated.

Every week I post a lot of my daily readings about Web, UI and UX Design, HTML and CSS, webdesign tools  and ressources and inspiration on twitter and other social networks. I decided to put them all together in one place at the end of the week, in case you missed some. They are classified in different categories with some tags so that you can quickly select what you are interested in. Happy reading.

Articles to read

#Pagination
Google’s infinite scroll recommendations with pagination

#Responsive Webdesign
Responsive Design: Why and how we ditched the good old select element, how rethinking the way users make complex selections across devices completely changed our design.

Responsive Design: Why and how we ditched the good old select element,

#Mobile First
The right questions to ask mobile-first deniers and the dangerous “never will the user [perform X] ” assumption

#Mobile #Ecommerce
Two interesting articles on mobile Ecommerce: website or app   and optimization advice

Designer Great news

#Code
Atom.io the new code editor by github

Atom.io

 

#Images

The world’s largest photo service just made its pictures free to use , Getty Images is betting its business on embeddable photos

Inspiration

#Photos
Julien Douvier has an impressive portfolio composed of beautiful cinemagraph pictures

#Photoshop  #Tatoos
Shopped Tattoos, pictures of famous people with photoshoped tatoos

Shopped Tattoos

#Advertisement
SUPERMOINE HOLYPOP (le gardien du secret) a fun and colorful beer ad !

SUPERMOINE HOLYPOP

Tutorials

Useful ressources

#Typographie
Type-finder.com, answser a few questions to find reputable typefaces

Type-finder.com

#Textue
Transparenttextures.com  Transparent Textures you can use on a background color

Transparent Textures

#Animation
Communicating Animation Ideas, some tools to communication animations with clients and co-workers

#CSS
Woow a huge alphabetical list of CSS properties

alphabetical list of CSS properties

#GoogleFont
Whats the Closest Google Font?  An alternative that matches popular fonts

#Typography
Erik Spiekermann’s “Seven Rules for Better Typography” in a PDF

Freebies

#Font
Novito NOVA, a free caps only alternative version of NOVITO font.

Tools and plugins that will make your life easy

#Photoshop
Ink, a Photoshop plugin to help you  create specifications for the developer (a little bit like Specking). It’s currently free and in beta version.

Ink

#Font
Glyphrstudio.com on online HTML5 based font editor

Glyphrstudio.com

Fun and impressive demos

#CSS
Fascinating I can’t stop watching thisCircle Square Triangle Dolphin demo

#CSS
CSS Neon Glow

neon css

You should not miss

#Illustrator
Speed Design with Illustrator  14 tips to create interfaces in minutes <3 <3

Speed Design with Illustrator

And if you are wondering how the buttons are made : Dynamic buttons with Illustrator